<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quick Start - Bunny-ui</title>
    <!-- bunny-ui 核心文件 -->
    <link href="/assets/dist/iconfont/iconfont.css" rel="stylesheet" />
    <script src="/assets/dist/bunny.js"></script>
</head>

<body style="padding: 10px;">
    <!-- 导航栏 -->
    <nav class="bny-nav" hx-ext="bny-nav">
        <!-- 导航栏标题 -->
        <div class="bny-nav-title">
            <a href="javascript:;">
                <!-- <img src="/dist/bunny.jpg" alt="bunny" /> -->
                BunnyUI
            </a>
            <button class="bny-btn toggle">
                <i class="icon icon-gengduo1"></i>
            </button>
        </div>
        <!-- 导航栏主体 -->
        <ul class="bny-nav-body">
            <li class="bny-nav-item">
                <a href="javascript:;">
                    <cite>首页</cite>
                </a>
            </li>
            <li class="bny-nav-item active">
                <a href="javascript:;">
                    <cite>编程</cite>
                </a>
            </li>
            <li class="bny-nav-item">
                <a href="javascript:;">
                    <cite>关于我们</cite>
                </a>
            </li>
            <li class="bny-nav-item">
                <a href="javascript:;">
                    <cite>联系我们</cite>
                </a>
            </li>
        </ul>
    </nav>
</body>

</html>